<template>
	<view>
		<view class="top-container" v-if="flag">
			<image :src="img.logo" mode="widthFix" class="logo"></image>
			<text class="title">北京市神州互联网医院</text>
			<view class="qrcode-container">
				<view class="qrcode">
					<uqrcode ref="qrcode" canvas-id="qrcode" size="140" :value="outTradeNo"></uqrcode>
				</view>
				<text>就诊请出示二维码</text>
			</view>
			<view class="step-container">
				<view class="step">
					<view class="icon-1"></view>
					<text>在门诊台取号</text>
				</view>
				<view class="line"></view>
				<view class="step">
					<view class="icon-2"></view>
					<text>安静排队候诊</text>
				</view>
				<view class="line"></view>
				<view class="step">
					<view class="icon-3"></view>
					<text>就诊出示二维码</text>
				</view>
			</view>
		</view>
		<view class="registration-container">
			<view class="title"><text>挂号信息</text></view>
			<view class="registration">
				<u-cell-group :border="false">
					<u-cell title="就诊科室" :border="false" :value="subDeptName"></u-cell>
					<u-cell title="就诊医生" :border="false" :value="doctorName"></u-cell>
					<u-cell title="挂号类型" :border="false" :value="type"></u-cell>
					<u-cell title="门诊位置" :border="false" :value="location"></u-cell>
					<u-cell title="就诊时间" :border="false" :value="datetime"></u-cell>
					<u-cell title="挂号人" :border="false" :value="patientName"></u-cell>
					<u-cell title="挂号费" :border="false" :value="amount"></u-cell>
          <u-cell v-if="prescriptionId != null" :border="false" :url="`/registration/prescription/prescription?registrationId=${id}`" isLink title="电⼦处⽅"></u-cell>
				</u-cell-group>
			</view>
		</view>
	</view>
</template>

<script>
	let dayjs = require('dayjs');

	export default {
		data() {
			return {
				img: {
					logo: `${this.patientUrl}/page/registration/registration_info/logo.png`
				},
				id: null,
				outTradeNo: null,
				patientName: '',
				subDeptName: '',
				doctorName: '',
				location: '',
				date: '',
				slot: '',
				job: '',
				type: '',
				paymentStatus: null,
				datetime: '',
				amount: '',
				json: {
					'1': '08:00',
					'2': '08:30',
					'3': '09:00',
					'4': '09:30',
					'5': '10:00',
					'6': '10:30',
					'7': '11:00',
					'8': '11:30',
					'9': '13:00',
					'10': '13:30',
					'11': '14:00',
					'12': '14:30',
					'13': '15:00',
					'14': '15:30',
					'15': '16:00'
				},
				flag: false,
        prescriptionId: null
			};
		},
		methods: {},
		onLoad: function(options) {
			let that = this;
			let id = options.id;
			that.id = id;
			let data = {
				id: id
			};
			that.ajax(
				that.api.searchRegistrationInfo,
				'POST',
				data,
				function(resp) {
					let data = resp.data;
					that.outTradeNo = data.outTradeNo;
					that.patientName = data.patientName;
					that.subDeptName = data.subDeptName;
					that.doctorName = data.doctorName;
					that.location = data.location;
					that.job = data.job;
					if (['主任医师', '副主任医师'].includes(that.job)) {
						that.type = '专家号';
					} else {
						that.type = '普通号';
					}
					that.date = data.date;
					that.slot = data.slot;
					that.datetime = data.date + ' ' + that.json[data.slot];
					that.amount = data.amount + ' 元';
					that.paymentStatus = data.paymentStatus;
					let today = dayjs().format('YYYY-MM-DD');
					if (today == that.date && that.paymentStatus == 2) {
						that.flag = true;
					} else {
						that.flag = false;
					}
          if (data.hasOwnProperty('prescriptionId')) {
            that.prescriptionId = data.prescriptionId;
          }
				},
				false
			);
		},
		onUnload: function() {
			let pages = getCurrentPages();
			let prevPage = pages[pages.length - 2];
			prevPage.$vm['reload'] = false;
		}
	};
</script>

<style lang="less">
	@import url('registration_info.less');
</style>
